import React, { Component } from 'react'

//剪头函数写法
const Navbar=()=><div>Navbar</div>


//类组件
class Child extends Component {
    render() {
        return <div>子组件</div>
    }
}

//函数组件
function Swiper(){
    return <div>Swiper
        <Child></Child>
    </div>
}
function Footer(){
    return <div>Footer</div>
}
export default class App extends Component {
    render() {
        return (
            <div>
                <Navbar></Navbar>
                <Swiper></Swiper>
                <Footer></Footer>
            </div>
        )
    }
}
